.team-member-card {
  display: flex;
  align-items: flex-start;
  padding: 16px 0;
  border-bottom: 1px solid #f0f0f0;

  &:last-child {
    border-bottom: none;
  }

  &.clickable {
    cursor: pointer;
    transition: all 0.3s ease;

    &:active {
      background: #fafafa;
    }
  }

  .member-avatar {
    flex-shrink: 0;
    margin-right: 16px;
  }

  .member-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;

    .member-name {
      font-size: 20px;
      font-weight: 600;
      color: #333;
    }

    .member-position {
      font-size: 16px;
      color: #999;
    }

    .member-desc {
      font-size: 16px;
      color: #666;
      line-height: 1.6;
      margin-top: 4px;
    }
  }
}

